<template>
  <div class="overall-container">
    <triggerBox></triggerBox>
    <triggerBox></triggerBox>
    <div class="overall-clear" @click="clearContent">
      <img class="o-c-clear" src="../../../assets/icon-img/lajitong.png" alt="" />清空搜索历史
    </div>
  </div>
</template>

<script>
import triggerBox from '@/view/search/search-page/triggerBox'
export default {
  name: 'FissionFriendsH5Overallsearch',
  components: {
    triggerBox
  },
  setup() {
    const clearContent = () => {
      console.log('清空搜索历史')
    }
    return {
      clearContent
    }
  }
}
</script>

<style lang="scss" scoped>
.overall-container {
  padding: 0 10px;
  margin-top: 50px;
  .overall-clear {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    .o-c-clear {
      width: 20px;
    }
  }
}
</style>
